<template>
 <div id="gundong">
   <div class="list">
   	<div class="l1">
   		<img src="http://m.static.laiyifen.com/images/hotnews.png?v=1498042871535">
   	</div>
   	<div class="l2">
   		<p><i></i><span>哈哈哈哈哈哈哈哈哈哈啊</span></p>
   		<p><i></i><span>哈哈哈哈哈哈哈哈哈哈啊</span></p>
   	</div>
   </div>
 </div>
  
</template>

<script>
export default {
 	name:"Gundonglist"
}
</script>


<style scoped lang="less">
.list{
	width: 100%;
	height: 0.62rem;
	display: flex;

	.l1{
		width: 18%;
		height: 70%;
		margin: auto;
		border-right: 1px solid #ddd;
		img{
			width: .35rem;
			height: .35rem;
			margin: .07rem 0 0 .2rem;
		}
	}
	.l2{
		width: 82%;
		height: 70%;
		margin: auto;
		overflow: hidden;
		i{
			display: inline-block;
			width: 0.20rem;
			height: .20rem;
			margin: 0 0.18rem 0 .18rem;
			background: url(../assets/a3.png) no-repeat -1.35rem -3.51rem;
			background-size: 3.75rem;
		}
		p{
			height: .24rem;
			line-height:.12rem;
			margin: -0.07rem 0 0 0;

		}


	}
}
</style>